<template>
  <div class="page-wrapper" style="background-color: whitesmoke;width: 85%;height: 100%;position: absolute">
    <div class="content">
      <el-row>
        <el-col :span="2">
          <el-button @click="handleSelect" type="primary" plain style="margin-bottom: 20px;margin-top: 20px;margin-left: 60px" round>创建选择题</el-button>
        </el-col>
        <el-col :span="2">
          <el-button @click="handleEssay" type="primary" plain style="margin-bottom: 20px;margin-top: 20px;margin-left: 60px" round>创建问答题</el-button>
        </el-col>
        <el-col :span="2">
          <el-button @click="handleSelect" type="primary" plain style="margin-bottom: 20px;margin-top: 20px;margin-left: 60px" round>创建多选题</el-button>
        </el-col>
        <el-col :span="2">
          <el-button @click="handleFill" type="primary" plain style="margin-bottom: 20px;margin-top: 20px;margin-left: 60px" round>创建填空题</el-button>
        </el-col>
        <el-col :span="2">
          <el-button @click="handleProgram" type="primary" plain style="margin-bottom: 20px;margin-top: 20px;margin-left: 60px" round>创建编程题</el-button>
        </el-col>
      </el-row>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import app from "@/App";
export default {
  name: "CreateTest",
  components: {app},
  methods:{
    handleSelect(){
      this.$router.push('/Teacher/CreateTest/CreateSelect')
    },
    handleFill(){
      this.$router.push('/Teacher/CreateTest/CreateFill')
    },
    handleEssay(){
      this.$router.push('/Teacher/CreateTest/CreateEssay')
    },
    handleProgram(){
      this.$router.push('/Teacher/CreateTest/CreateProgram')
    }
  }
}
</script>

<style scoped>

</style>